@import "../../base/_parameters";

.xdjh-tableProgress { position: absolute; top: -8px; left: 16px; width: 120px; text-align: left; }

.xdjhMain {
  .tableProgressLeft {
    @extend .xdjh-tableProgress;
  }
  .tableProgressRight {
    @extend .xdjh-tableProgress;
  }

  .el-table--enable-row-hover .el-table__body tr:hover .tableProgressLeft {
    color: cyan;
  }
  .el-table--enable-row-hover .el-table__body tr:hover .tableProgressRight {
    color: cyan;
  }
  .tableProgress .el-progress-bar__outer {
    background: black;
  }
  .tableProgress .el-progress-bar__innerText {
    display: none;
  }
  // table 样式
  .xdjhTable {
    .el-table--enable-row-hover .el-table__body tr:hover > td {
      font-weight: bold;
    }
    .el-table__empty-text {
      font-size: 20px;
    }
    .el-table th {
      color: cyan;
      @include whole-border(rgba(#252441, .8));
    }
    td {
      @include whole-border(rgba(#12111f, .8));
    }
    .el-table .cell {
      line-height: 40px;
      font-size: 18px;
    }
    .el-table thead .cell {
      line-height: 60px;
      font-size: 20px;
    }
    .myHeadRow {
      color: #fff;
    }
    .myCellCon {
      @extend .borderBot-alpha-2e3192;
    }
    .myCellConRed {
      background: rgba(#ed1e79, .5);
      @extend .borderBot-alpha-2e3192;
    }
    .myCellConBlue {
      background: rgba( #3771ff, .5);
      @extend .borderBot-alpha-2e3192;
    }
    .my-table-row {
      color: #fff;
    }
    .my-row-tag {
      color: #31cee6;
      background: black;
    }
    .el-table td {
      color: #fff;
    }
    .el-table th,
    .el-table tr {
      @extend .bgBlack-alpha3;
    }
    .myTable {
      border-bottom: 0;
      border-top: 0;
    }
    .el-table td,
    .el-table th.is-leaf {
      @extend .borderBot-alpha-2e3192;
    }
    .el-table:before {
      height: 0;
    }
  }
  /* table */
  .glzbTable {
    .el-table--enable-row-hover .el-table__body tr:hover > td {
      font-weight: bold;
    }
    .el-table__empty-text {
      font-size: 20px;
    }
    th {
      color: cyan;
      @include bottom-border(rgba(#252441, .8));
    }
    td {
      @include bottom-border(rgba(#12111f, .8));
    }
    .el-table .cell {
      white-space: normal;
      word-break: break-all;
      line-height: 28px;
      font-size: 18px;
    }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item {
      height: 37px;
      line-height: 37px;
      color: #2ff0d2;
      font-size: 18px;
      border: none;
      @include rounded(2rem);
    }
    .el-table thead .cell {
      line-height: 60px;
      font-size: 20px;
    }
    .myHeadRow {
      @extend .bgBlack-alpha3;
      color: #fff;
    }
    .myHeaderCell {
      @extend .bgBlack-alpha3;
    }
    .myCellCon {
      @extend .borderBot-alpha-2e3192;
    }
    .my-table-row {
      @extend .bgBlack-alpha3;
      color: #fff;
      height: 52px;
    }
    .my-table-row-two {
      @extend .bgBlack-alpha3;
      color: #fff;
      height: 52px;
    }
    .my-row-tag {
      color: #31cee6;
      background: black;
    }
    .el-table td,
    .el-table th.is-leaf {
      @extend .borderBot-alpha-2e3192;
    }
  }
  .dateCircle {
    z-index: 1000;
  }
  .myTableCss {
    @extend .bgBlack-alpha3;
    @include rounded(10px);
  }
  .z_topTitleCon {
    @include flex-dr-js-ic;
    margin-bottom: 20px;
    padding-top: 20px;
  }
  .z_topTitle {
    color: #2ff0d2;
    @include blod(32px);
    margin-right: 20px;
  }
}
